<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript">
	$(document).ready(
			function() {
				<!--鼠标点击改变this的背景和还原之前点击其他按钮的样式-->
				$(".nav .unit").click(
						function() {
							$(".nav .unit").eq($(this).index()).addClass(
									"navdown").siblings(".unit").removeClass(
									"navdown");
						})
			});
</script>
<div class="bi"></div>
<div class="nav" id="em">
	<div class="bar">
		<div class="unit navdown">
			<a href="javascript:void(0);" onclick="is_click(0);"><b>消息中心</b></a>
		</div>
		<div class="unit">
			<a href="javascript:void(0);" onclick="is_click(1);"><b>通讯录</b></a>
		</div>
		<div class="unit">
			<a href="javascript:void(0);" onclick="is_click(2);"><b>个人中心</b></a>
		</div>
		<div class="clear"></div>
	</div>
</div>
<script type="text/javascript">
	function is_click(i) {
	var li = document.getElementsByClassName("unit");
	var divs = document.getElementsByClassName("content");
		for (var j = 0; j < li.length; j++) {
			if (j != i) {
				divs[j].style.display = "none";
			} else {
				divs[j].style.display = "block";
			}
		}
	}
</script>
